<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>马克思流亡地图</title>

    <!-- Leaflet -->
    <script defer src="https://cdn.jsdelivr.net/npm/leaflet@1.7.1/dist/leaflet.js"
        integrity="sha256-yDc0eil8GjWFKqN1OSzHSVCiuGghTosZCcRje4tj7iQ=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.7.1/dist/leaflet.css"
        integrity="sha256-BPfK9M5v34c2XP6p0cxVz1mUQLst0gTLk0mlc7kuodA=" crossorigin="anonymous">

    <!-- type='module'会有跨域问题，只好将就了。 -->
    <script src='./index.assets/map.js' defer></script>
    <link rel="stylesheet" href="./index.assets/structure.css">
    <link rel="stylesheet" href="./index.assets/style.css">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css"
        integrity="sha256-mUZM63G8m73Mcidfrv5E+Y61y7a12O5mW4ezU3bxqW4=" crossorigin="anonymous">
    <script defer src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/js/all.min.js"
        integrity="sha256-gSqw5G+Gss6YqyQlqyIkuQ0IRZUqGsDVq9c0tiF+mL8=" crossorigin="anonymous"></script>
</head>

<body>
    <h1>马克思流亡地图<i class='fas fa-route'></i></h1>

    <div id='map-etc'>
        <section id='map'></section>
        <div class='right-panel'>
            <p id="controls">
                <button type="button" id='play-all'><i class="far fa-play-circle"></i>自动播放</button>
                <button type="button" id='prev' title="上一个"><i class="fas fa-caret-left"></i></button>
                <button type="button" id='next' title="下一个"><i class="fas fa-caret-right"></i></button>
                <button type="button" id='reset' title="重置"><i class="fas fa-undo"></i></button>
            </p>
            <section id='timeline-wrapper'>
                <ol id='timeline'></ol>
            </section>
        </div>
    </div>

    <footer>
        <address>睿信2036班 徐元昌 1120200710</address>
        <p>马克思（Karl Heinrich Marx）的父亲是 Heinrich Marx，妻子是 Jenny von Westphalen。这里所有中文的“马克思”都指 Karl Marx。</p>
        <p>地图是现在的地图，不是马克思生活时的。有一些时间、地点没有考虑精确度，例如搬家发生在 1819 年，就直接算成当年元旦了。</p>
        <p>数据基本来自 <a href="https://en.wikipedia.org/wiki/Karl_Marx">Karl Marx - Wikipedia</a> 的 Biography
            一节。有的地点即使翻译成中文也不清楚是哪儿，索性统一不翻译（无论原文是英语、德语还是法语，都保留）；人名只翻译了马克思和恩格斯（其他人我之前都没怎么听说过）；报刊名、文章名看心情，但尽量保证一对一（括号内的不算）；事件描述有很多是意译或几处拼接的，所以也不完全一样；经纬度如果词条内链接中没有，就是随便查的（搜索引擎返回的第一个结果），个别的去翻了
            <a href="https://www.openstreetmap.org/">Open Street Map</a>，不过并未特别考虑迁址。
        </p>
        <p>时间轴的列表图标修改自 <a href="https://fontawesome.com/v5.15/icons/dot-circle?style=regular">dot-circle</a>，版权属于 <a
                href="https://fontawesome.com/license">Font Awesome</a>。</p>
        <p>另外，<a href="https://gitee.com/YDX-2147483647/track-of-Marx">Gitee上的那个仓库</a>就是我建的，不是抄袭。</p>
    </footer>
</body>

</html>